<cu-custom bgColor="bg-gradual-blue">
  <view slot="content">公开信</view>
</cu-custom>


<view class="margin-xl bg-white padding-xl radius shadow-lg" style="margin: 50rpx 50rpx 20rpx 50rpx;">
	<view class="padding-xs text-center" style="margin:auto 0;" >
	  <view wx:for="{{detail.tag}}" class="cu-tag bg-{{index==0?'orange':index==1?'olive':index==2?'cyan':index==2?'red':'blue'}} sm">{{item}}</view>
	</view>
	<view class="text-center margin-bottom text-lg solid-bottom text-grey">{{detail.title}}</view>
	<view class="text-content">
		<text style="font-family:text_write">{{detail.content}}</text>
	</view>

</view>

<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius">
	<view class="cu-item">
		<view class="content">
			<text class="cuIcon-mail text-grey"></text>
			<text class="text-grey">收件邮箱号：<text class="text-blue">{{detail.email}}</text></text>
		</view>
	</view>
	<view class="cu-item">
		<view class="content">
			<text class="cuIcon-countdown text-grey"></text>
			<text class="text-grey">信件提交时间：<text class="text-black">{{detail.create_time}}</text></text>
		</view>
	</view>
	<view class="cu-item">
		<view class="content">
			<text class="cuIcon-countdown text-grey"></text>
			<text class="text-grey">约定送达时间：<text class="text-black">{{detail.agreed_time}}</text></text>
		</view>
	</view>


	<!-- <view class="cu-item">
    <view class="content" bind="changeShow">
      <text class="cuIcon-share text-grey"></text>
      <text class="text-grey">公开信中的获赞</text>
      <view wx:if="{{detail.mail_show==0}}" bindtap="mailShow" class="cu-tag line-grey" style="float:right">未公开--点击此处公开</view>
      <view wx:if="{{detail.mail_show==1}}" class="cu-tag line-blue" style="float:right">等待审核</view>
      <view wx:if="{{detail.mail_show==3}}" class="cu-tag line-red" style="float:right">审核被拒</view>
      <view wx:if="{{detail.mail_show==2}}" style="float:right" class="cu-capsule round">
        <view class="cu-tag bg-red ">
          <text class="cuIcon-likefill"></text>
        </view>
        <view style="min-width:57rpx" class="cu-tag line-red">
          0
        </view>
      </view>
    </view>
  </view> -->
</view>

<ad unit-id="1a8ed80ef7f59922b2a362582c6e1ce3"></ad>

<view class="grid col-3 align-center">
	<view bindtap="{{detail.is_liked?'secondLike':'likeLetter'}}" class="margin-tb text-center lg">
		<view class="cu-capsule round lg">
			<view class="cu-tag bg-{{detail.is_liked?'red':'grey'}}">
				<text class="cuIcon-likefill"></text>
			</view>
			<view style="min-width:57rpx" class="cu-tag line-{{detail.is_liked?'red':'grey'}}">
				{{detail.like_num}}
			</view>
		</view>
	</view>
	<view class="margin-tb text-center">
		<button bindtap="nextLetter" class="cu-btn round lg bg-blue shadow">下一封</button>
	</view>
	<view class="margin-tb text-center"  style="min-width: 62rpx;">
		<button open-type="share" class="cu-btn round sm bg-green shadow" style="min-width: 62rpx;"> 转发分享 </button>
	</view>
</view>
<view style="width: 100%;height: 30rpx;">
	
</view>

<!-- <view class="padding">

	<button bindtap="uploadMessage" class="cu-btn block bg-blue margin-tb-sm lg">
		<text class="cuIcon-forwardfill"></text>
		哟西！我也要写给未来</button>
</view>
 -->